$(function() {
  var $container = $('#container');
  var tpl;

  if (1) {
    tpl = $('#tpl-tenant').html();
  } else {
    tpl = $('#tpl-landlord').html();
  }

  $container.append(tpl);

  function showDialog() {
    $('#dialog')
      .show()
      .on('click', '.js-dialog-btn', function(e) {
        var $this = $(this);
        var agreed;

        id = $this.prop('id');

        if (id === 'yes') {
          agreed = $('input[name=agreed]').val();

          if (!agreed) {
            showToolTip('请确认是否同意办理租金分期');
          } else {
            changAgreed(agreed);
          }
        }

        $this.parents('#dialog').hide();
      });
  }

  function showToolTip(msg) {
    var $toolTip = $('.js_tooltips');

    if ($toolTip.css('display') !== 'none') {
      return;
    }

    $toolTip.text(msg).css('display', 'block');
    setTimeout(function() {
      $toolTip.css('display', 'none');
    }, 2000);
  }

  function validate(data) {
    var i;

    for (i in data) {
      if (!data[i]) {
        if (i === 'name') {
          showToolTip('请输入姓名');
        } else if (i === 'phone') {
          showToolTip('请输入联系电话');
        } else if (i === 'rental') {
          showToolTip('请输入每月房租');
        } else if (i === 'rentalType') {
          showToolTip('请选择是否合租');
        } else if (i === 'address') {
          showToolTip('请输入详细地址');
        } else if (i === 'landlordName') {
          showToolTip('请输入房东称呼');
        } else if (i === 'landlordPhone') {
          showToolTip('请输入房东电话');
        }

        return false;
      } else if (/phone/gi.test(i) &&
        !/^((\+?86)|(\(\+86\)))?(1[0-9]{10})$/.test(data[i])) {
        showToolTip('请输入正确的手机号码');
        return false;
      }
    }

    return true;
  }
  function changAgreed(value) {

  }
  // 房客留资
  $('#js-submit').on('click', function(e) {
    var data = {
      name: $('#name').val().trim(),
      phone: $('#phone').val().trim(),
      rental: $('#rental').val().trim(),
      rentalType: $('#rentalType').val(),
      address: $('#address').val().trim(),
      landlordName: $('#landlordName').val().trim(),
      landlordPhone: $('#landlordPhone').val().trim(),
    };

    if (validate(data)) {
      showDialog();
      // $.ajax({
      //   url: 'http://139.196.38.189:8026',
      //   type: 'POST',
      //   data: data,
      //   success: function (res) {
      //     // TODO:
      //   },
      //   error: function (e) {
      //     // TODO:
      //   }
      // });
    }
  });
});